<style>
.Advertisement {text-align: center;padding: 15px 0;margin-bottom: 15px;background-color: #f4f5f6;}
.listul {position: relative;padding: 10px 0;border-bottom: 1px solid #e8e8e8;}
.listul .item-inner {font-size: 20px;color: #999;line-height: 1.3;margin-bottom: 4px;font-weight: 700;max-height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.footer {font-size: 14px;color: #999;height: 18px;line-height: 18px;margin-top: 10px;}
.footer a {display: block;float: left;}
.lbtn.tag {font-size: 12px;color: #eee;margin-right: 10px;padding: 0px 2px;height: 16px;line-height: 16px;border: 1px solid #87a5b5!important;color: #87a5b5!important;}
</style>
<div id="right_conner">
    <div class="search-wrap">
        <div class="tt-autocomplete">
            <div class="tt-input">
                <a id="input_btn" target="_blank"  href="http://search.youth.cn/cse/search?q=&s=10531862195001635003&nsid=0"><i class="tt-input__icon bui-icon icon-search is-clickable" style="font-size: 18px;"></i></a>
                <input id="input_text" type="text" placeholder="" autocomplete="off" class="tt-input__inner">
            </div>
        </div>
    </div>
    <a href="http://report.12377.cn:13225/toreportinputNormal_anis.do" target="_blank" class="bui-box report">
        <div class="bui-left img-holder"><img src="//s3a.pstatp.com/toutiao/resource/ntoutiao_web/static/image/other/report_logo_15cc24e.png" alt=""></div>
        <div class="bui-left info">
            <p class="title">网上有害信息举报专区</p>
            <p class="tel">举报电话：12377</p>
        </div>
    </a>
    <div class="Advertisement">
        <script type="text/javascript">
            /*qtt-pc-list-右一 最新版*/
            var cpro_id = "u3052392";
        </script>
        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
    </div>
    <div id="paddingtop_last">
        <div class="news-struct bui-box">
            <div id="hotNewsWrap" class="bui-box">
                <div class="pane-module">
                    <div class="module-head">24小时热闻</div>
                    {pc:content order="listorder DESC" action="position" thumb="1" posid="18" num="4"}
                    <ul class="module-content article-list">
                    {loop $data $key $val}
                    <?php
                        $thumb_arr=explode('|',$val['thumb']);
                        $thumb=$thumb_arr[0];
                    ?>
                    <li class="article-item">
                        <a href="{$val['url']}" target="_blank" class="news-link">
                            <div class="module-pic news-pic"><img src="{$thumb}" lazy="loaded"></div>
                            <div class="news-inner">
                                <p class="module-title">{$val['title']}</p>
                            </div>
                        </a>
                    </li>
                    {/loop}
                    </ul>
                    {/pc}
                </div>
            </div>
        </div>
        <div class="Advertisement" style="margin-top:15px">
            <script type="text/javascript">
                /*qtt-pc-list-右二 最新版*/
                var cpro_id = "u3052395";
            </script>
            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
        </div>
    </div>
    <div class="news-struct bui-box">
        <div id="hotNewsWrap" class="bui-box">
            <div class="pane-module">
            <div class="module-head">热门推荐</div>
            {pc:content order="listorder DESC" action="position" thumb="1" posid="19" num="4"}
            <ul class="video-list">
                {loop $data $key $val}
                 <?php
                    $thumb_arr=explode('|',$val['thumb']);
                    $thumb=$thumb_arr[0];
                ?>
                <li class="video-item">
                    <a target="_blank" href="{$val['url']}">
                    <dl>
                        <dt class="module-pic">
                            <img alt="{$val['title']}" src="{$thumb}">
                        </dt>
                        <dd>
                            <div class="cell">
                                <h4>{$val['title']}</h4>
                            </div>
                        </dd>
                    </dl>
                    </a>
                </li>
                {/loop}
            </ul>
            {/pc}
            </div>
        </div>
    </div>
    <div class="Advertisement">
        <script type="text/javascript">
            /*qtt-pc-list-右三 最新版*/
            var cpro_id = "u3052398";
        </script>
        <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
    </div>
    <div class="pane-module">
        <div class="module-head">精彩图片</div>
        {pc:content action="position" thumb="1" posid="20" order="listorder DESC" num="4"}
        <ul class="module-content bui-box picture-list">
        {loop $data $key $val}
        <?php
            $thumb_arr=explode('|',$val['thumb']);
            $thumb=$thumb_arr[0];
        ?>
        <li class="bui-left picture-item">
            <a href="{$val['url']}" target="_blank" class="link">
                <div class="module-pic picture-img"><img style="width:100%;" alt="{$val['title']}" src="{$thumb}" lazy="loading"></div>
                <p>{$val['title']}</p>
            </a>
        </li>
        {/loop}
        </ul>
        {/pc}
    </div>
    <div class="pane-module">
        <div class="module-head">友情链接</div>
        {pc:link action="type_list" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}
        <ul class="friend-links-content">
            {loop $pic_link $v}
            <li class="item"><a target="_blank" href="{$v['url']}">{$v['name']}</a></li>
            {/loop}
        </ul>
        {/pc}
    </div>
    <div class="company">
        <p class="J-company-name">© 2017 中青头条</p> 
        <p>共青团中央主办 共青团中央网络影视中心承办 版权所有：中国青年网</p>
        <p>24小时违法和不良信息举报电话：010-57380720</p>
        <p>信息网络传播视听节目许可证0105108号</p> 
        <p>京ICP备11020872号-17</p> 
        <p>京公网安备110105007246</p>
    </div>
</div>
<script id="demo" type="text/html">
{{# layui.each(d, function(index,item){ }} 
{{# if(item.thumb === ''){ }}
<li class="listul" data-id="{{item.id}}">
<div class="item-inner y-box">
    <a class="link title" target="_blank" href="{{item.url}}">{{item.title}}</a>
</div>
<div class="y-box footer" style="font-size:14px;line-height:14px;color:#333">
    <span style="display:inline-block;color:#999">&nbsp;{{item.copyfrom_name}}&nbsp;⋅</span>
    <span style="display:inline-block;color:#999">&nbsp;{{item.fake_hit}}阅读&nbsp;⋅</span>
    <span style="display:inline-block;color:#999">{{item.inputtime}}</span>
</div>
</li>
{{# }else if(item.thumb.length < 3){ }} <li data-id="{{item.id}}">
<div class="bui-box single-mode">
    <div class="bui-left single-mode-lbox">
        <a href="{{item.url}}" target="_blank" class="img-wrap"><img class="lazy-load-img" src="{{item.thumb[0] ? item.thumb[0] :''}}?x-oss-process=style/list" lazy="loaded"></a>
    </div>
    <div class="single-mode-rbox"><div class="single-mode-rbox-inner"><div ga_event="article_title_click" class="title-box"><a href="{{item.url}}" target="_blank" class="link" style="width:95%;overflow: hidden">{{item.title}}</a></div>
            <div class="y-box footer">
                <div class="y-left">
                    <div class="y-left">
                        <a style="color:#999" class="lbtn source" target="_blank">&nbsp;{{item.copyfrom_name}}&nbsp;⋅</a>
                        <a style="color:#999" class="lbtn comment" target="_blank">&nbsp;{{item.fake_hit}}阅读&nbsp;⋅</a>
                    </div>
                    <span class="lbtn" style="color:#999">&nbsp;{{item.inputtime}}</span> 
                </div> 
            </div>
        </div>
    </div>
</div>
</li>
{{# }else{ }}
<li data-id="{{item.id}}">
    <div ga_event="gallery_item_click" class="more-mode">
        <div ga_event="gallery_title_click" class="title-box"><a href="{{item.url}}" target="_blank" class="link">{{item.title}}</a></div>
        <div ga_event="gallery_img_click" class="bui-box img-list">
            {{# layui.each(item.thumb, function(indexs,items){ }}
            <a href="{{item.url}}" target="_blank" class="img-wrap img-item"><img class="lazy-load-img" src="{{items}}?x-oss-process=style/list" lazy="loaded"></a> {{# })}}
        </div>
        <div class="y-box footer">
            <div class="y-left">
                <div class="y-left">
                    <a style="color:#999" class="lbtn source" target="_blank">&nbsp;{{item.copyfrom_name}}&nbsp;⋅</a> 
                    <a style="color:#999" class="lbtn comment" target="_blank">&nbsp;{{item.fake_hit}}阅读&nbsp;⋅</a>
                </div>
                <span class="lbtn" style="color:#999">&nbsp;{{item.inputtime}}</span> 
            </div> 
        </div>
    </div>
</li>
{{# } }}
{{# }) }}
</script>